<template>
	<!-- 本地招工-项目地址 -->
  <view class="baseInfor">
    <view @click="openMap(job)" class="box dif">
		
      <view class="tit">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/dizhi@2x.png"
        />
        项目地址
      </view>
	  
      <view class="addrBox"> 
		  <!-- {{JSON.stringify(job)}} -->
        <view class="addrleft" >
          <!-- {{ job.province }} {{ job.city }} {{ job.district }} -->
          {{ job.address || ''}}
        </view>

        <view class="addr">
          <img
            v-if="job && job.province"
            src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/local.jpg"
            alt=""
          />
          <view>导航</view>
        </view>
		
      </view>
	  
    </view>
	
	
	<view class="box dif">
		
	  <view class="tit">
	    <img
	      src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/mzSm.png"
	    />
	    免责声明
	  </view>
	  
	  <view class="">本平台仅是信息发布平台，对于内容真实性不承担调查与保证义务，用户在招聘及求职过程中应注意信息甄别与核对，用户在招聘中产生的任何问题均由双方自行承担法律后果，本平台不承担任何连带责任。</view>
	</view>


    <!-- <view v-if="(!(['build','fitup','energy','other'].includes(job.classify))) " style="padding-top:0;padding-bottom:0;" class="box dif">
      <view v-if=" (JSON.stringify(infor)!='null')" class="tit" style="padding-top:10px">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/qiyejieshao@2x.png"
        />
        企业介绍
      </view>
	  
	  <view v-if=" (JSON.stringify(infor)!='null')" class="tit" style="padding-top:10px">
	    <img
	      src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/qiyejieshao@2x.png"
	    />
	    岗位介绍
	  </view>
	  
      <view v-if=" (JSON.stringify(infor)!='null')" class="tit tit1">
      <img v-if="infor && infor.logoUrl" :src="infor.logoUrl" />
        <img v-else  src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/company.png" />
        <text v-if="infor.name">{{ infor.name }}</text>
      </view>
      <view v-if=" (JSON.stringify(infor)!='null')" class="content" style="padding-bottom:10px">
        <text v-if="infor.introduce">{{
          infor.introduce ? infor.introduce : "暂无介绍"
        }}</text>

        <text v-if="img">
          <img
            class="img"
            :key="index2"
            v-for="(item1, index2) in img"
            :src="item1"
            alt=""
          />
        </text>
      </view>
    </view> -->

    <view class="box dif dif1">
      <view class="tit">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/tixing@2x.png"
        />
        <text class="desc"
          >请勿相信平台以外人员，防止受骗!联系时请注意识别信息真伪，或与平台经纪人进行核对!</text
        >
      </view>
    </view>
	
    <div class="gz">
      <div>
        关注"劳动力信息系统"公众号接收新工作提醒。<!-- <text class="goGuZhu1">去关注</text> -->
       <u-button class="goGuZhu" shape="circle" size="mini" type="warning" @click="forks"
          >去关注</u-button
        >
      </div>
    </div>
	
	<!-- 其他岗位推荐 -->
	<!-- <view class="box dif">
		
	  <view class="tit">
	    <img
	      src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/gwTj.png"/>
	    其他岗位推荐
	  </view>
	  <view class="">其他岗位。。。</view>
	  
	</view> -->
	
  </view>
</template>

<script>
import api from "../../../../../api/routes";
import Map from "@/js_sdk/ms-openMap/openMap.js";
export default {
  props: ["infor", "job", "img"],
  data() {
    return {
      url: "",
    };
  },
  created() {
    this.getData();
  },
  methods: {
    openMap(val) {
		console.log(val)
      let { lat, lgt, address } = val;
	  console.log(+lat, +lgt, address,88888888888)
      Map.openMap(+lat, +lgt, address, "");
    },
    getData() {
      this.$myRequest({
        url: api.config,
        method: "GET",
        data: {
          key: "follow_wechat",
        },
      }).then((res) => {
        this.url = res.data.config;
      });
    },
    forks() {
      uni.navigateTo({
        url: "/package/pages/webView/webView?name=关注公众号&url=" + this.url,
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.addrBox {
  display: flex;
  align-items: center;
  font-size: 14px;
  .addrleft {
    flex: 1;
  }
  .addr {
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    color: #525252;
  }
  img {
    display: block;
    width: 28px;
    height: 28px;
  }
}
.gz {
  display: flex;
  align-self: center;
  justify-content: center;
  font-size: 13px;
  color: #df3939;
  margin: 10px;
}
.baseInfor {
  padding: 8px 0 0 0;

  .dif1 {
    .tit {
      font-size: 34rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #808080;
    }
  }

  .box {
    background: #fff;
    padding: 10px 14px 15px;
    font-size: 14px;

    &.dif {
      margin: 8px 0 0 0;
    }
  }

  .content {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #808080;
    padding: 0 0 0 35px;

    img {
      display: block;
      width: 100%;
    }
  }

  .tit {
    display: flex;
    align-items: center;
    font-size: 36rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #1a1a1a;

    img {
      width: 28px;
      height: 28px;
      display: block;
      margin-right: 10px;
    }
    .desc {
      flex: 1;
	  margin: 0;
    }
  }

  .tit1 {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #808080;
    margin: 30 rpx 0;
  }

  .ul {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;

    &-left {
      color: #4d4d4d;
      margin-right: 15px;
       width: 60px;
        font-size: 13px;
    }

    &-right {
      flex: 1;
      color: #808080;
       font-size: 13px;
    }
  }
}
// .goGuZhu{
// 	position: relative;
// 	top: -18px;
// 	left: 214px;
// }
</style>
